@prefix-cls: workflow-checkresroot;

.overflowBoxDiv() {
  overflow-x: hidden;
  overflow-y: hidden;
}

.checkResouleState() {
  position: absolute;
  padding: 4px;
  border-radius: 3px;
  right: 160px;
  // top: 22px;
  z-index: 10;
}

.display-none-title {
  .ant-tabs-nav-list {
    display: none !important;
  }
}

.@{prefix-cls} {
  &-flowTabsClsBox {
    height: 100%;
    width: 100%;
    background-color: #fff;
    .overflowBoxDiv();

    .ant-tabs-tabpane {
      overflow: hidden;
      padding: 0px 0px;
    }
  }

  &-CollapseBox {
    border-left: 0px;
    border-right: 0px;
    border-radius: 0px;

    .ant-collapse-header {
      font-size: 16px;
    }

    .ant-collapse-content {
      .ant-collapse-content-box {
        padding: 0px;
      }
    }
  }

  /**
   * 时间轴样式
   */
  &-flowCheckTimeBox {
    padding: 10px 10px 0px 10px;

    .ant-timeline-item {
      padding-bottom: 10px;
    }

    .ant-timeline-item:last-child {
      padding-bottom: 0px;

      .ant-timeline-item-tail {
        display: none;
      }
    }
  }

  /** 展示办理节点样式 */
  &-flowCheckDomBox {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    z-index: 9;

    &-flowListDiv {
      flex: auto;
      overflow: hidden;
    }

    &-checkDrawerBtn {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 10px 0px;
      border-top: 1px dashed #cdcdcd;
    }

    &-drawerBodyBox {
      height: 100%;
      width: 100%;
      overflow: hidden;
    }
  }

  /**
   * 审批节点 title
   */
  &-taskNodesTitleBox {
    &-nodesUserBox {
      background-color: #b9ffea4d;
      border-radius: 5px;
      padding: 3px;
      margin-right: 5px;
      display: inline-block;
    }

    &-nodesUserTimeBox {
      background-color: #18ffff21;
      border-radius: 5px;
      padding: 3px 5px;
      font-weight: 600;
      white-space: nowrap;
      margin: 0px 5px;
      display: inline-block;
    }

    &-nodesTaskResult {
      font-weight: 600;
      font-size: 16px;
      white-space: nowrap;
      margin-left: 5px;
      display: inline-block;
    }
  }

  /**
   * 审批节点 body
   */
  &-taskNodesBodyCard {
    margin-top: 5px;
    background-color: #f8f8f8;
    border-radius: 3px;
    padding: 10px;

    .ant-col {
      display: flex;
    }

    &-labelText {
      white-space: nowrap;
      color: #5b5b5b;
    }

    &-valueText {
      word-break: break-all;
    }
  }

  /** 流程审核结果 */
  &-infoSgin {
    border: solid 1px #096dd9;
    color: #096dd9;
    .checkResouleState();
  }

  &-infoSginted {
    border: solid 1px #ff4d4f;
    color: #ff4d4f;
    .checkResouleState();
  }

  &-infoSginGreen {
    border: solid 1px #00cc33;
    color: #00cc33;
    .checkResouleState();
  }

  // 子tab页面隐藏头部
  &-hiddenTabsTitltSty {
    .ant-tabs-nav {
      display: none;
    }

    &-checkFunctionBtn {
      position: absolute;
      right: 10px;
      // top: -32px;
      top: 10px;
    }
  }
}
